<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	>
<f:view>
<h:head>
	<ui:include src="../include_styles.xhtml" />
	<title>Proyectos Comunitarios</title>
</h:head>
<h:body>
	<!-- /header -->
	<ui:include src="../header.xhtml" />
	<!-- /header -->
	<ui:include src="../menu_administrador.xhtml" />
	<h:form> 
	<div id="content" class="box">
		<div align="center">			
			<br/>
			<div style="width: 320px;" align="center">
				<h:messages showDetail="true" showSummary="true" />
				
				<h2>Lista de Usuarios</h2> 
				
			</div>			
			<h:panelGrid columns="2" >
	
				<h:dataTable value="#{listUsuariosBean.usuarios}" var="usuario"
	    			styleClass="order-table"
	    			headerClass="order-table-header"
	    			rowClasses="order-table-odd-row,order-table-even-row">
	 
	    			<h:column>
	    				<f:facet name="header">Id</f:facet>
	    				#{usuario.id}
	    			</h:column>
	    			
	    			<h:column>
	    				<f:facet name="header">Usuario</f:facet>
	    				#{usuario.usuario}
	    			</h:column>	 
	    			
	    			<h:column>
	    				<f:facet name="header">Persona</f:facet>
	    				#{usuario.unaPersona.apellido}, #{usuario.unaPersona.nombre} 
	    			</h:column>
	    			
	    			<h:column>
	    				<f:facet name="header">
							<h:column>
								<h:outputText value="Accion"></h:outputText>
							</h:column>
						</f:facet>
						
						<h:panelGrid columns="2">
							<h:commandButton class="button" value="Editar" action="#{listUsuariosBean.editarUsuario}">
								<f:setPropertyActionListener target="#{listUsuariosBean.selected}"
									value="#{usuario.id}" />
							</h:commandButton>							
						</h:panelGrid>
	    				
	    			</h:column>

	    		</h:dataTable>	    		
			</h:panelGrid>
		  	<br/>
		  	<br/>
		  	<br/>
		  	<h:commandButton class="button" value="Nuevo" action="#{listUsuariosBean.nuevo}" id="nuevo" type="submit" />
			<h:commandButton class="button" value="Cancelar" action="#{listUsuariosBean.volver}"   id="volver" type="submit" />		  			  			  	
		</div>
		</div>
	</h:form>	
	
</h:body>
	<!-- Footer -->
	<ui:include src="../footer.xhtml" />
	 <!-- /footer -->
</f:view>
</html>